<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:b="http://bootsfaces.net/ui"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="language" content="fr" />
        <title>App Base @2014</title>
        <h:outputScript library="bsf" name="jq/jquery.js" target="head"/>
        <h:outputScript library="bsf" name="js/collapse.js" target="head"/>
        <h:outputScript library="bsf" name="js/dropdown.js" target="head"/>
        <h:outputScript library="bsf" name="js/bsf.js" target="head"/>
        <h:outputScript library="bsf" name="js/modal.js" target="head"/>
        <h:outputScript library="javax.faces" name="jsf.js" target="head"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/jquery-ui/jquery-ui.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/bootstrap/css/bootstrap-theme.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/media/css/jquery.dataTables.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/media/css/dataTables.bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/extensions/ColReorder/css/dataTables.colReorder.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/extensions/TableTools/css/dataTables.tableTools.css"/>
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/medias/css/application.css"/>
    </h:head>

    <h:body>

        <div id="header" style="height: 50px">
            <ui:include src="../include/header.xhtml" />
        </div>

        <div id="menu">
            <ui:include src="../include/menu.xhtml" />
        </div>

        <div id="contenu">
            <h3>
                <ui:insert name="titre" />
            </h3>
            <h:messages/>
            <ui:insert name="content" />
        </div>

        <div id="footer">
            <ui:include src="../include/footer.xhtml" />
        </div>
    </h:body>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/media/js/jquery.dataTables.js"></script>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/media/js/dataTables.bootstrap.js"></script>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/extensions/ColReorder/js/dataTables.colReorder.js"></script>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/scripts/datatables/extensions/TableTools/js/dataTables.tableTools.js"></script>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/medias/js/application.js"></script>


    <ui:insert name="js"/>

    <p:dialog widgetVar="dialogDeco" modal="true" header="DECONNEXION !!!">
        <h:outputText value="DECONNEXION !!!!" />
        <f:facet name="footer">
            <h:outputText value="TOTO "/>
        </f:facet>
    </p:dialog>

    <b:modal id="amodal" title="Déconnexion">
        <p>Êtes vous sûr de vouloir vous déconnecter ?</p>
        <f:facet name="footer">
            <b:button value="Non" dismiss="modal" onclick="return false;" />
            <b:button value="Oui" look="primary" dismiss="modal" onclick="return false;" />
        </f:facet>
    </b:modal>
    <ui:insert name="modal" />
</html>
